<!DOCTYPE>
<html>
    <head>
        <meta charset="utf8">
        <title>表格</title>
    </head>
    <body>
         <h1>最基础的表格</h1>
         <table>
             <tr>
                 <td>hahah</td>
                 <td>hahah</td>                 
             </tr>
             <tr>
                 <td>hahshshh</td>
                 <td>jflksdjflkjs</td>
             </tr>
         </table>
         
         <h1>带表头的表格</h1>
         <table border="1">
             <tr>
                 <th>head1</td>
                 <th>head2</td>
             </tr>
             <tr>
                 <td>content1</td>
                 <td>content2</td>
             </tr>
         </table>
         
         <h1>带表格标题的表格</h1>
         <table border="1">
             <caption>我是表格标题</caption>
             <tr>
                 <th>head1</th>
                 <th>head2</th>
             </tr>
             <tr>
                 <td>content1</td>
                 <td>content2</td>
             </tr>
         </table>
         
         <h1>跨行的表格</h1>
         <table border="1">
             <caption>我是表格标题</caption>
             <tr>
                 <th colspan="2">head1</th>
             </tr>
             <tr>
                 <td>content1</td>
                 <td>content2</td>
             </tr>
         </table>
         
         <h1>跨列的表格</h1>
         <table border="1">
             <caption>我是表格标题</caption>
             <tr>
                 <th>head1</th>
                 <th>head2</th>
             </tr>
             <tr>
                 <td rowspan="2">content1</td>
                 <td>hehe</td>
             </tr>
             <tr>
                 <td>hei!</td>
             </tr>
         </table>
         
         <h1>单元格边距</h1>
         <table border="1" cellpadding="10">
             <caption>我是表格标题</caption>
             <tr>
                 <th>head1</th>
                 <th>head2</th>
             </tr>
             <tr>
                 <td rowspan="2">content1</td>
                 <td>hehe</td>
             </tr>
             <tr>
                 <td>hei!</td>
             </tr>
         </table>
         
         <h1>单元格间距</h1>
         <table border="1" cellspacing="0">
             <caption>我是表格标题是表格标题是表格标题</caption>
             <tr>
                 <th>head1</th>
                 <th>head2</th>
             </tr>
             <tr>
                 <td rowspan="2">content1</td>
                 <td>hehe</td>
             </tr>
             <tr>
                 <td>hei!</td>
             </tr>
         </table>
         
         <h1>colgroup </h1>
         <table border="1" cellspacing="0">
             <caption>我是表格标题</caption>
             <colgroup>
                 <col span="1" style="background-color: green">
                 <col span="1" style="background-color: yellow">
             </colgroup>
             <tr>
                 <th>head1</th>
                 <th>head2</th>
             </tr>
             <tr>
                 <td rowspan="2">content1</td>
                 <td>hehe</td>
             </tr>
             <tr>
                 <td>hei!</td>
             </tr>
         </table>
         
    </body>
</html>